<div class="userDetail">
	<div class="page-title">
		<a routerLink="/indexMy">
			<img style="margin-left: 1rem;width:1rem; " src="../../../assets/icons/back2.png" alt="" />
		</a>
		{{'userDetail.title'|translate}}
	</div>
	<div class="user-card">
        <div class="user-card-title">
            <h2>{{userDel?.loginId}}</h2>
            <h3>{{'userCenterPage.gjhy'|translate}}</h3>
            <!-- <p>{{'userCenterPage.czz'|translate}} 600 / 1200</p> -->
        </div>
		<img src="../../assets/images/usercenter/zsicon.png" alt="">
	</div>
    <div class="user-card-list" >
        <a class="weui-cell">
            <div class="weui-cell__bd">
                <p>{{'userDetail.nickname'|translate}}</p>
            </div>
            <div>{{userDel?.loginId}}</div>
        </a>
        <a class="weui-cell">
            <div class="weui-cell__bd">
                <p>{{'userDetail.mobile'|translate}}</p>
            </div>
            <div >{{userDel?.mobile}}</div>
		</a>
		<a class="weui-cell">
            <div class="weui-cell__bd">
                <p>{{'userDetail.email'|translate}}</p>
            </div>
            <div >{{userDel?.email}}</div>
		</a>
		<a class="weui-cell">
            <div class="weui-cell__bd">
                <p>{{'userDetail.level'|translate}}</p>
            </div>
            <div >{{'userCenterPage.gjhy'|translate}}</div>
		</a>
		<!-- <a class="weui-cell">
            <div class="weui-cell__bd">
                <p>{{'userDetail.time'|translate}}</p>
            </div>
            <div ></div>
        </a> -->
    </div>
</div>